<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery/dist/jquery.js"></script>
    <script src="../js/bootstrap/dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../js/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="../js/bootstrap-icons/font/bootstrap-icons.css">
    <script src="../js/bootstrap-treeview/dist/bootstrap-treeview.min.js"></script>
    <link rel="stylesheet" href="../js/bootstrap-treeview/dist/bootstrap-treeview.min.css">

    <script>
        $(function(){
            $.getJSON("http://localhost:8080/getTreeMenu",function (d){
                $("#tree").treeview({
                    data:d,
                    onNodeSelected:function (e,d){
                        // console.log(d.href);
                        $("#ifc").attr("src",d.href);
                    }
                });
            });
        });
    </script>

</head>
<body>
    <div class="container">
        <div class="row" style="background-color: #0c63e4">
            这里是logo，每个组自由发挥
        </div>
        <div class="row">
            <div class="col-md-3">
                <div id="tree"></div>
            </div>
            <div class="col-md-9">
                <div class="row">
                    <div class="embed-responsive embed-responsive-16by9">
                        <iframe id="ifc" src="" style="width: 100%;height: 500px" class="embed-responsive-item" frameborder="0"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>